import {
	$
} from './library/jquery.js';


$('.list').hover(function () {
	$('.logo-text>path').css('fill', 'black');

	$('nav').css('background', 'white');
	$('.list-s').css('display', 'block').animate({
		height: 223
	}, 400);
	$('.mask').css('display', 'block').fadeTo(100, 0.1);


}, function () {

	$('.list-s').css({
		height: 0,
		display: 'none'
	});
	$('.mask').fadeTo(10, 0).css('display', 'none');
	$('nav').css('background', '');

	$('.list-s').hover(function () {
		$('nav').css('background', 'white');
		$('.list-s').css({
			display: 'block',
			height: 223
		});
		$('.mask').css({
			display: 'block',
			opacity: 0.1
		});

	}, function () {

		$('.list-s').css({
			height: 0,
			display: 'none'
		});
		$('.mask').fadeTo(10, 0).css('display', 'none');
		$('nav').css('background', '');
		$('.list>li').on('mouseenter', function () {
			$('.list>li').off('mouseenter');
			$('nav').css('background', 'white');
			$('.list-s').css({
				display: 'block',
				height: 223
			});
			$('.mask').css({
				display: 'block',
				opacity: 0.1
			});
		})

	})
})

$('.list>li>a').not(':last').hover(function () {

	let _index = $('.list>li>a').index(this);
	$('.list-s1').eq(_index).css('display', 'block').siblings().css('display', 'none');
	let del = 0.2;
	for (let i = 0; i < $('.list-s1>ul').eq(_index).children().length; i++) {
		$('.list-s1>ul').eq(_index).children().eq(i).addClass('animate__animated animate__fadeInUp').css({
			'animation-delay': del + 's',
			'animation-duration': 0.3 + 's'
		});
		del = del + 0.1;
	};
}, function () {

	let _index = $('.list>li>a').index(this);

	$('.list-s1').hover(function () {

		$('.list-s1').eq(_index).css('display', 'block').siblings().css('display', 'none');
		$('.mask').css('display', 'block').fadeTo(100, 0.1);

	}, function () {

		$('.list-s1').eq(_index).css('display', 'none');
		$('.list>li>a').not(':last').on('mouseenter',
			function () {

				let _index = $('.list>li>a').index(this);
				$('.list-s1').eq(_index).css('display', 'block').siblings().css('display', 'none');

			})
	})
})